<template>
    <div class="page">
        <div class="header">
            <slot name="header"></slot>
        </div>
        <Divider dashed v-if="line"/>
        <div class="body">
            <slot name="body"></slot>
        </div>
    </div>
</template>

<script>
export default {
  name: 'WlContentTop',
  props: {
    line: {
      type: Boolean,
      default: () => {
        return false
      }
    }
  }
}
</script>

<style scoped>
    .page {
        height: 100%;
        padding: 24px;
    }
    .header {

    }
    .body {
        height: 99%;
        overflow-y: scroll;
    }
</style>
